@use 'sass:list';

/* 全局字体设置 */
$base-fonts-fm: Source Han Sans, Source Han Sans, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', Helvetica, Arial,
    Microsoft YaHei, sans-serif;
@mixin default-font-setup($settings...) {
  $merged-fonts: list.join($settings, $base-fonts-fm);
  font-family: $merged-fonts;
  // ios字体
  font-family: $settings, -apple-system, $base-fonts-fm;
}

// svg 图标
@mixin svgUse($w:18px, $h:$w, $fill: #666) {
  flex-shrink: 0;
  cursor: pointer;
  width: $w;
  height: $h;
  svg {
    width: 100%;
    height: 100%;
    display: block;
  }
  use {
    fill: $fill;
  }
  path {
    fill: $fill;
  }
}

// 不设置颜色的svg
@mixin svgNoClr($w:26px, $h:$w) {
  width: $w;
  height: $h;
  flex-shrink: 0;
  svg {
    width: 100%;
    height: 100%;
  }
}